
<template>
	<view class="content">
		<view class="fixed-layout">
			<!-- 排序标签 -->
			<view class="list-sort-bar posts-sort">
				<button class="sort-button selected">详细内容</button>
				<button class="sort-button">热门回答</button>
			</view>
		</view>
		<!-- 浮动底栏位置补偿 -->
		<view class="filler-block half"></view>
		<!-- 悬赏内容 -->
		<view class="bounty-content">
			<view class="question-header">
				<view class="question-title">USPS 最低档 First class</view>
				<view class="question-desc-bar">
					<view>悬赏积分：<text class="score-number">50</text></view>
					<view><text class="time-info">2023-01-02 17:01</text></view>
				</view>
			</view>
			<view class="question-content">
				求一个外混海淘直邮渠道！！！！！万分感谢！！
			</view>
			<!-- 间隔线 -->
			<view class="plate-between"></view>
			<!-- 回答内容 -->
			<view class="answer-content">
				<view class="answer-header">
					<text class="answer-title">以下回答被采纳</text>
					<text class="answer-info">共100回答</text>
				</view>
				<!-- 列表项目 -->
				<view class="comment-list-item">
					<!-- 用户信息 -->
					<view class="account-info">
						<!-- 用户头像 -->
						<view class="account-head" >
							<!-- 头像图片容器 -->
							<view class="account-head-img">
								<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
							</view>
						</view>
						<!-- 文字和图标信息 -->
						<view class="account-info-content">
							<!-- 基础信息 -->
							<view class="base-info">
								<text class="account-nickName">匿名用户</text>
							</view>
							<!-- 时间 -->
							<view class="time-info">
								<text>2019-11-12 10:21:10</text>
							</view>
						</view>
						<!-- 功能 -->
						<view class="post-head-actions">
							<!-- 帖子点赞 -->
							<!-- 自己已经点赞过就加样式thumbs-selected，如果取消点赞，就去掉这个样式 -->
							<!-- 没有人点赞过数字为空就可以 -->
							<!-- 数字位数不能超过3个，如果超过，显示+ -->
							<view class="bounty-answer-state accept">
								已采纳
							</view>
						</view>
					</view>
					<!-- 评论内容 -->
					<view class="comment-item-content">
						<text>店里环境非常好，唱歌气氛非常嗨，极力推荐啊！！！</text>
						<view class="img-grid tetrad">
							<image @click="" src="../../static/temp-photo.jpg" mode="widthFix"></image>
							<image @click="" src="../../static/temp-photo.jpg" mode="widthFix"></image>
						</view>
						<button class="comment-item-more">还有2条回复 &gt;</button>
					</view>
				</view>
				<view class="comment-list-item">
					<!-- 用户信息 -->
					<view class="account-info">
						<!-- 用户头像 -->
						<view class="account-head" >
							<!-- 头像图片容器 -->
							<view class="account-head-img">
								<image src="../../static/temp-photo.jpg" mode="widthFix"></image>
							</view>
						</view>
						<!-- 文字和图标信息 -->
						<view class="account-info-content">
							<!-- 基础信息 -->
							<view class="base-info">
								<text class="account-nickName">匿名用户</text>
							</view>
							<!-- 时间 -->
							<view class="time-info">
								<text>2019-11-12 10:21:10</text>
							</view>
						</view>
						<!-- 功能 -->
						<view class="post-head-actions">
							<view class="bounty-answer-state refuse">
								未采纳
							</view>
						</view>
					</view>
					<!-- 评论内容 -->
					<view class="comment-item-content">
						<text>店里环境非常好，唱歌气氛非常嗨，极力推荐啊！！！</text>
						<view class="img-grid tetrad">
							<image @click="" src="../../static/temp-photo.jpg" mode="widthFix"></image>
							<image @click="" src="../../static/temp-photo.jpg" mode="widthFix"></image>
						</view>
						<button class="comment-item-more">还有2条回复 &gt;</button>
					</view>
				</view>
			</view>
			<!-- 浮动底栏位置补偿 -->
			<view class="filler-block"></view>
			<!-- 浮动底栏位置补偿 -->
			<view class="filler-block half"></view>
			<!-- ***菜单*** -->
			<view class="footBar foot-menu-content">
				<!-- 竖排按钮组 -->
				<view class="buttons-content-row">
					<button class="full-btn btn-important">去回答</button>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				value: 2
			}
		},
		methods: {
			onChange(e) {
				console.log('rate发生改变:' + JSON.stringify(e))
			}
		}
	}
</script>